<template>
  <div class="start">
    <div class="sty">
      <span><van-icon name="like-o" size="25" :isLike="isLike ? '#fec635' : '#fff'" /></span>
    </div>
  </div>
</template>
<script>
// import axios from 'axios'

export default {
  data() {
    return {
      isLike: false,
    }
  },
  // props: {
  //   itemid: {
  //     typeof: String,
  //   },
  // },
  methods: {
    // async onClick() {
    //   this.isLike = !this.isLike
    //   console.log(this.itemid)
    //   const res = await axios({
    //     method: 'post',
    //     url: 'http://interview-api-t.itheima.net/h5/interview/opt',
    //     headers: {
    //       Authorization: `Bearer ${localStorage.getItem('token')}`,
    //     },
    //     data: {
    //       optType: 1,
    //       id: `${this.itemid}`,
    //     },
    //   })
    //   console.log(res)
    // },
  },
}
</script>

<style lang="less" scoped>
.start {
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  //阴影
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
</style>
